<template>
	<div class="discover">
		<div class="top">
			discover
			<router-link to='/location'>
				<span class="right">地点搜索</span>
			</router-link>
		</div>
		<div class="banner-list flex">
			<router-link to='/trainCamp'>
				<li>训练</li>
			</router-link>

			<router-link to='/topic'>
				<li>话题</li>
			</router-link>
			<router-link to='/hallfame'>
				<li>达人</li>
			</router-link>

		</div>
		<div class="topic">
			<router-link to='/topic'>
				<div class="title">
					话题
					<span class="right">>></span>
				</div>
			</router-link>

			<div class="topic-list flex" >
				<li v-for='i in 3'><div>#xxx#</div></li>
			</div>
		</div>
		<div class="hallfame">
			<router-link to='/hallfame'>
				<div class="title">
					达人
					<span class="right">>></span>
				</div>
			</router-link>

			<div class="hallfame-list">
				<li class="content" v-for='i in 4'>
					<div class="c-top">
						<div class="info left">
							<div class="icon"></div>
							
							<span>xxx达人</span>
						</div>
						
						<div class="focus right" @click = 'focus()'>
							<span class="el-icon-plus"></span> 
							<span>关注</span>
						</div>
					</div>
					<div class="c-bottom">
						<img src="">
						<img src="">
						<img src="">
					</div>
				</li>

				

			</div>
		</div>
		
		<foot></foot>
	</div>
</template>
<script >
	import footer from '../public/footer'
	export default {
		data(){
			return{

			}
		},
        components:{
            'foot':footer
        },
        methods:{
        	focus(){

        	}
        }
	}
</script>
<style scoped>
	@import "../../assets/css/discover.css"
</style>